body{
    background-color: #000;
}
h1,p{
    margin: 0;
    padding: 0;
}

/*媒介查询*/
@media screen and (max-width:1200px ) {
    h1 {
        color: blue;
    }

    .wrapper {
        width: 1328px;
        margin: 0 auto;
        background-color: #fff;

    }

    .header {
        width: 1328px;
        margin: 0 auto;
        background-color: #0cff1b;
    }

    .main {
        width: 1328px;
        margin: 0 auto;
    }

    .footer {
        width: 1328px;
        margin: 0 auto;
        background-color: #0c84ff;
        min-height: 80px;
    }

    .sidebar {
        float: left;
        width: 245px;
        margin-right: 5px;
        background-color: crimson;
        min-height: 600px;
    }

    .content {
        float: left;
        width: 1078px;
        background-color: aqua;
        min-height: 600px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px){

}


/*媒介查询*/
@media screen and(min-width: 1200px){  }
@media screen and(min-width: 980px) {  }
@media screen and(min-width: 768px){  }
@media screen and(min-width: 488px){  }
@media screen and(min-width: 479px){  }
